<template>
	<view class="titleBettweenAndContent">
		<view class="title-box" v-if="config.title" @tap.stop="$emit('click')">
			<text class="title" :style="{ fontSize: config.fontSize || '32rpx' }">{{config.title}}</text>
			<view class="more">
				<text class="more-text dyc-icons">{{config.titleRightText || ''}}  &#xe696;</text>
			</view>
		</view>
		<slot name="content"></slot>
	</view>
</template>

<script>
	import QSSuperComponentCustomCompMixin from '../QSSuperComponentCustomCompMixin.js'
	export default {
		mixins: [QSSuperComponentCustomCompMixin({componentType:'bargainBuy-1'})],
		props: {
			config: {
				type: Object,
				default: ()=>({})
			},
		},
	}
</script>

<style scoped>
	.titleBettweenAndContent{
		display: flex;
		flex-direction: column;
	}
	.title-box{
		padding: 25rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.title{
		font-weight: bold;
	}
	.more{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.more-text{
		font-size: 24rpx;
	}
	.mg-l{
		margin-left: 15rpx;
	}
</style>
